<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- document文档模型 -->
    <!--<div id="a">谢谢</div>-->
    <!--<div>谢谢</div>-->
    <script>
        // document.write('hello world');
        // var text = document.getElementById('a');
        // text.onclick = function() {
        //     alert('你点击了小滴课堂')
        // };
        // //浏览器对象模型
        // localStorage.setItem('a', '222')
        // var name = 'xd';
        // console.log(name);


        // var person = {
        //     name: '张三',
        //     age: 13,
        //     sex: 'boy',
        //     sayHello: function() {
        //         console.log('我是' + this.name);
        //
        //     }
        // };
        //
        // var nane = person.sayHello();
        // var name2 = person.name;
        // document.write(nane + name2);
        var xhr
        if (window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        } else { // code for IE6, IE5 兼容
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
        // xhr.open("GET","https://api.xdclass.net/pub/api/v1/web/index_card")
        xhr.open("GET", "https://api-v2.xdclass.net/api/funny/v1/get_funny")
        xhr.send()
            /*
注册事件。 onreadystatechange事件，状态改变时就会调用。
如果要在数据完整请求回来的时候才调用，我们需要手动写一些判断的逻辑。
*/
        xhr.onreadystatechange = function() {
            // 为了保证数据完整返回，我们一般会判断两个值
            if (xhr.readyState === 4 && xhr.status === 200) {
                alert(xhr.responseText);
            } else {
                alert('出错了，Err:' + xhr.status);
            }
        };
    </script>

</body>

</html>